// 在图表加载后，手动调用 PostCSS 的单位转换（假设你已经在项目中设置了 PostCSS）
export function convertEchartsStyles (chartId) {
  const chartElement = document.getElementById(chartId);
  if (!chartElement) return;
  // 遍历图表容器中的所有子元素
  const echartsElements = chartElement.querySelectorAll("*");

  // 获取根节点fontSize 将 px 转换为 rem
  function pxToRem (px) {
    const baseValue = parseFloat(document.documentElement.style.fontSize.replace("px", ""));
    const pxValue = parseFloat(px.replace("px", ""));
    return `${pxValue / baseValue}rem`;
  }

  // 遍历所有子元素，将 px 转换为 rem
  echartsElements.forEach(el => {
    // 将 px 转换为 rem，假设你已经有一个转换函数
    const styles = window.getComputedStyle(el);
    const newStyles = {};

    for (let prop of styles) {
      const value = styles[prop];
      if (value && value.includes("px")) {
        const newValue = pxToRem(value); // 使用 pxToRem 函数进行转换
        newStyles[prop] = newValue;
      }
    }
    // 重新应用转换后的样式
    Object.assign(el.style, newStyles);
  });
}